const list = [{
    component: 'Annular2',
    label: '基础饼图',
    icon: 'suo',
    style: {
        width: 300,
        height: 300,
        'z-index': '1'
    },
    propValue: [],
    option: {
        grid: {
            left: '3%',
            right: '3%',
            bottom: '3%',
            top: '20',
            containLabel: true,
        },
        color: ['#55D390', '#3BD4D3', '#3AACFF', '#506CFF', '#895BFF', '#B25BFF'],
        title: [{
            text: '',
            textStyle: {
                color: '#fff',
                fontStyle: 'normal',
                fontWeight: 'normal',
                fontSize: '18',
            },
            left: 'left',
        }, {
            text: '',
            textStyle: {
                color: '#fff',
                fontStyle: 'normal',
                fontWeight: 'normal',
                fontSize: '14',
            },
            left: 'left',
            top: '20',
        }],
        grid: {
            left: '3%',
            right: '3%',
            bottom: '3%',
            top: '20',
            containLabel: true,
        },
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b}: {c} ({d}%)'
        },
        legend: {
            data: [],
            textStyle: {
                color: '#fff',
                fontStyle: 'normal',
                fontWeight: 'normal',
                fontSize: '12',
                borderWidth: 0
            },
            bottom: 10,
            left: 'center'
        },
        series: [
            {
                name: '访问来源',
                type: 'pie',
                selectedMode: 'single',
                radius: [0, '30%'],
                label: {
                    position: 'inner',
                    fontSize: 14,
                },
                labelLine: {
                    show: false
                },
                data: [
                    {value: 1548, name: '搜索引擎'},
                    {value: 775, name: '直达'},
                    {value: 679, name: '营销广告', selected: true}
                ]
            },
            {
                name: '访问来源',
                type: 'pie',
                radius: ['45%', '60%'],
                labelLine: {
                    length: 30,
                },
                label: {
                    formatter: '{a|{a}}{abg|}\n{hr|}\n  {b|{b}：}{c}  {per|{d}%}  ',
                    backgroundColor: '#F6F8FC',
                    borderColor: '#8C8D8E',
                    borderWidth: 1,
                    borderRadius: 4,
                    
                    rich: {
                        a: {
                            color: '#6E7079',
                            lineHeight: 22,
                            align: 'center'
                        },
                        hr: {
                            borderColor: '#8C8D8E',
                            width: '100%',
                            borderWidth: 1,
                            height: 0
                        },
                        b: {
                            color: '#4C5058',
                            fontSize: 14,
                            fontWeight: 'bold',
                            lineHeight: 33
                        },
                        per: {
                            color: '#fff',
                            backgroundColor: '#4C5058',
                            padding: [3, 4],
                            borderRadius: 4
                        }
                    }
                },
                data: [
                    {value: 1048, name: '百度'},
                    {value: 335, name: '直达'},
                    {value: 310, name: '邮件营销'},
                    {value: 251, name: '谷歌'},
                ]
            }
    ],
    },
}, ]


export default list